<div class="tool-bar">
  <div class="function-title">用户管理</div>
  <!--
  <button mat-raised-button>刷新</button>
  <button mat-raised-button color="accent" (click)="modifyUser()">编辑</button>
  <button mat-raised-button (click)="getUser()">查看</button>
  <button mat-raised-button color="primary" (click)="addUser()">新增</button>
  <button mat-raised-button color="warn">删除</button>
  -->
  <button mat-button (click)="addUser()">
    <mat-icon [svgIcon]="'add'"></mat-icon> 新增
  </button>
  <button mat-button (click)="deleteUser()">
    <mat-icon [svgIcon]="'delete'"></mat-icon> 删除
  </button>
</div>
<ag-grid-angular style="width:800px;height:450px;"
  class="csf-material-grid"
  [rowData]="rowData"
  [columnDefs]="columnDefs"
  [gridOptions]="gridOptions"
  (gridReady)="onGridReady($event)">
</ag-grid-angular>
